/**
 * @author: ddhhh
 * @param {*}
 * @return {*}
 * @description: 海油项目公共样式调整
 * @Date: 2020-12-04 15:24:02
 */
 $borderColor : #00DEF0;
 $bottonImg : linear-gradient(270deg, #00D6EA 0%, #0E6BEA 100%);
 *{
   margin: 0;
   padding: 0;
   &:focus,&:hover{
     outline:none;
   }
 }
 // 公共样式
 // 清除浮动
 .clearfix:after {
   display: table;
   content: " ";
   clear: both;
 }
 html{
   font-size: 16px;
 }
 body {
   background-color: transparent !important;
   background: url(../../../static/img/bodybg.png) repeat left top;
   color: #fff;
 
   .app {
     background-color: inherit;
     font-family: 'PingFangSC-Medium';
 
     .wrapper {
       background-color: inherit;
 
       .header-box {
         .header {
           position: relative;
           height: 80px;
           border: none;
 
           .left-top-menu {
             line-height: 80px;
           }
 
           &>* {
             position: relative;
             z-index: 1;
           }
 
           &:after {
             position: absolute;
             display: block;
             content: '';
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             z-index: 0;
             opacity: 0.54;
             background-image: linear-gradient(1deg, #51BEFF 0%, rgba(0, 159, 255, 0.45) 1%, rgba(0, 132, 211, 0.41) 4%, rgba(0, 126, 201, 0.40) 9%, rgba(0, 0, 0, 0.00) 100%);
           }
 
           .logo {
             width: 180px;
             margin: 15px 0 0 10px;
             background: url(../../../static/img/themes/oceanx/logo.png) no-repeat left top;
             background-size: contain;
             background-position: left center;
           }
 
           .projectName {
             font-size: 18px;
             color: #FFFFFF;
             letter-spacing: 0;
             line-height: 80px;
           }
         }
 
         .header,
         .top-navs {
           background-color: inherit;
 
           color: inherit;
 
           // 顶部菜单样式
           .el-menu-scoped {
             box-sizing: border-box;
             height: 100%;
             padding: 22px 0;
             border-bottom: none;
             background-color: inherit;
             white-space: nowrap;
 
             .el-menu-item-scoped {
               position: relative;
               float: initial;
               display: inline-block;
               height: 100%;
               padding: 0 10px;
               line-height: 30px;
               color: inherit;
               font-family: PingFangSC-Medium;
               font-size: 14px;
               color: #FFFFFF;
               letter-spacing: 0;
               font-family: PingFangSC-Medium;
               font-size: 14px;
               color: #FFFFFF;
               letter-spacing: 0;
               background-color: transparent;
               border: none;
 
               span {
                 display: inline-block;
                 box-sizing: border-box;
                 margin-left: -2px;
                 width: calc(100% + 4px);
                 height: 100%;
                 border-top: 1.5px solid transparent;
               }
 
               //hover状态
               &:hover,&.is-active {
                 transition: none;
                 color: #24DEFF;
                 // background: transparent url(../../static/img/themes/oceanx/navactive.png) no-repeat center center / 100% border-box border-box;
                 // -webkit-transition: none;
                 // -moz-transition: none;
                 // -ms-transition: none;
                 // -o-transition: none;
                 // background: skyblue
                 // background-image: linear-gradient(90deg, rgba(0, 105, 181, 0.108) 10px, rgba(0, 79, 136, 0.2952) 21%, rgba(0, 54, 93, 0.6624) 56%, rgba(0, 61, 104, 0.1944) 93%, rgba(0, 72, 122, 0.4752) 100%);
                 // linear-gradient(90deg, rgba(0, 105, 181, 0.15) 10px, rgba(0, 79, 136, 0.41) 21%, rgba(0, 54, 93, 0.92) 56%, rgba(0, 61, 104, 0.27) 80%, rgba(0, 72, 122, 0.66) calc(100% - 10px), transparent 100%),
                 background-image:
                   url(../../../static/img/themes/oceanx/navactive-left.png),
                   url(../../../static/img/themes/oceanx/navactive-right.png) !important;
                   // nbbleft
                 background-repeat: no-repeat, no-repeat;
                 background-position: left top, right top;
                 // border-top-color: ;
                 background-size: auto auto, auto auto;
                 &::after{
                   content: '';
                   position: absolute;
                   left: -10%;
                   width: 120%;
                   bottom: -4px;
                   height: 5px;
                   background-image:
                     url(../../../static/img/themes/oceanx/nbbleft.png),
                     url(../../../static/img/themes/oceanx/nbbright.png),
                     url(../../../static/img/themes/oceanx/nb3.png) !important;
                   // nbbleft
                   background-repeat: no-repeat, no-repeat, no-repeat;
                   background-position: left top, right top, center bottom;
                 }
                 &::before{
                   content: '';
                   position: absolute;
                   box-sizing: border-box;
                   left: calc(-10% + 36px);
                   width: calc(120% - 72px);
                   bottom: -5px;
                   border-top: 2px solid;
                   border-image: linear-gradient(90deg,rgba(36,222,255,.36) 0%,rgba(36,222,255,.8) 50%,rgba(36,222,255,.36) 100%) 1 1;
                   height: 3px;
                   background-image:
                     url(../../../static/img/themes/oceanx/nb3.png);
                   // nbbleft
                   background-repeat: no-repeat;
                   background-position: center bottom;
                 }
                 span {
                   border-top: 1.5px solid;
                   border-image: linear-gradient(90deg, rgba(116, 190, 243, 0.5), rgba(75, 241, 255, .5), rgba(116, 190, 243, 0.5)) 1 1;
                   background-image: linear-gradient(90deg, rgba(0, 105, 181, 0.108) 10px, rgba(0, 79, 136, 0.2952) 21%, rgba(0, 54, 93, 0.6624) 56%, rgba(0, 61, 104, 0.1944) 93%, rgba(0, 105, 181, 0.108) 100%);
                 }
               }
 
               .el-menu-item-span-scoped {
                 vertical-align: initial;
               }
             }
           }
         }
       }
 
       .content-box {
         .content {
           background-color: inherit;
         }
       }
 
       .footer-box {
         .footer {
           background-color: inherit;
         }
       }
     }
   }
 }
 
 .a {
   background: linear-gradient(45deg, transparent 10px, rgba(36, 222, 255, 0.22) 0, rgba(36, 222, 255, 0.00) 93%);
 }
 
 .fl {
   float: left;
 }
 
 .fr {
   float: right;
 }
 
 // 自定义样式，用于顶层元素
 // @import './layout.scss';
 
 
 // 渐变标题栏，拐角&背景样式css搞不了，智能使用背景图
 .titleBox {
   position: relative;
   height: 32px;
   padding-left: 20px;
   line-height: 32px !important;
   background: url(../../static/img/themes/oceanx/title.png) no-repeat top left;
   background-size: 100% 100% !important;
 
   span.title {
     line-height: 30px;
     font-size: 14px;
     vertical-align: top;
   }
 
   &>* {
     vertical-align: top;
   }
 }
 
 //普通标题栏（一、基本数据）
 .plianTitle {
   margin: 15px 0 10px;
   font-size: 16px;
   color: #24DEFF;
   letter-spacing: 0;
   line-height: 20px;
 }
 
 // // 下拉框组件样式修改&下拉框面板(select & date-picker)
 // @import './modules/el-select.scss';
 
 
 // // 时间选择框
 // @import './modules/el-date-editor.scss';
 
 // // button样式重写
 // @import './modules/el-button.scss';
 
 // // el-radio-group样式重写
 // @import './modules/el-radio-group.scss';
 
 
 // // el-table样式调整
 // @import './modules/el-table.scss';
 
 
 // 自定义table
 .tablebox {
   height: 100%;
   // padding: 20px 20px 0;
   // background-image: linear-gradient(0deg, rgba(0, 68, 115, 0.64) 0%, rgba(0, 72, 122, 0.16) 100%);
   // border-width: 1px;
   // border-style: solid;
   // border-image: linear-gradient(rgba(116, 190, 243, 0.5), rgba(0, 180, 255, 1)) 1 1;
 
   .titleTable {
     border-spacing: 0;
 
     tr,
     td {
       text-align: center;
     }
 
     thead {
       tr {
         height: 34px;
         background-image: linear-gradient(0deg,
             #004473 0%,
             rgba(0, 72, 122, 0.36) 100%);
         box-shadow: inset 0 -4px 13px 0 rgba(36, 222, 255, 0.5);
       }
     }
 
     tbody {
       tr {
         height: 44px;
 
         td {
           border-bottom: 1px solid rgba(179, 189, 202, .16);
         }
       }
     }
   }
 }
 
 // // el-menu样式重写
 // @import './modules/el-menu.scss';
 
 // // el-pagination样式重写
 // @import './modules/el-pagination.scss';
 
 // // el-input重写
 // @import './modules/el-input.scss';
 
 // // Cascader 级联选择器
 // @import './modules/el-cascader-menu.scss';
 
 // // alert样式重写
 // @import './modules/el-alert.scss';
 
 // // dialog样式重写
 // @import './modules/el-dialog.scss';
 
 // // 装备公司调整样式
 // @import './index-zb.scss';
 // //数字计数框
 // @import './modules/el-input-number.scss';
 
 // //滚动条样式调整
 // @import './modules/scrollbar.scss';
 
 // //el-tree样式调整
 // @import './modules/el-tree.scss';
 
 // //el-tag样式调整
 // @import './modules/el-tag.scss';
 
 // //el-form样式调整
 // @import './modules/el-form.scss';
 
 // //el-textarea样式调整
 // @import './modules/el-textarea.scss';
 
 // //el-tooltip样式调整
 // @import './modules/el-tooltip.scss';
 
 // //el-message-box
 // @import './modules/el-message-box.scss';
 
 // //el-steps
 // @import './modules/el-steps.scss';
 
 // //el-cascader
 // @import './modules/el-cascader.scss';
 
 // //el-dropdown-menu
 // @import './modules/el-dropdown-menu.scss';
 
 sub,
 sup {
   font-size: 10px;
   transform: scale(0.8);
   display: inline-block;
 }
 // 三维组件视角调整组件
 ac-viz-viewcube{
   position: absolute!important;
   top: 50px;
 }